// @import "./btn.scss";
@use "./btn.scss" as *;
@use "./theme/index.scss" as *;
@use "./element.scss" as *;
* {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
::-webkit-scrollbar {
  width: 4px; /* 滚动条宽度 */
  // background: #F1F1F1
}
::-webkit-scrollbar-track {
  background-color: #282c34;
}
::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 30px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #666666;
}
.hiddenScrollBar::-webkit-scrollbar {
  width: 0px !important;
}
pre {
  white-space: pre-wrap;
}
// // margin
@for $i from 0 through 100 {
  .mt-#{$i} {
    margin-top: $i + px !important;
  }

  .m-#{$i} {
    margin: $i + px !important;
  }

  .mb-#{$i} {
    margin-bottom: $i + px !important;
  }

  .ml-#{$i} {
    margin-left: $i + px !important;
  }

  .mr-#{$i} {
    margin-right: $i + px !important;
  }
}
// padding
@for $i from 0 through 100 {
  .pt-#{$i} {
    padding-top: $i + px !important;
  }

  .p-#{$i} {
    padding: $i + px !important;
  }

  .pb-#{$i} {
    padding-bottom: $i + px !important;
  }

  .pl-#{$i} {
    padding-left: $i + px !important;
  }

  .pr-#{$i} {
    padding-right: $i + px !important;
  }
}
@mixin margin-reset {
  margin: 0 !important;
}

@mixin padding-reset {
  padding: 0 !important;
}

.stopPageBg {
  // background: url("../assets/stopService.jpg") left/100% no-repeat;
}
.hidden {
  display: none;
}
.cursor {
  cursor: pointer;
}
.h100 {
  height: 100% !important;
}

.w100 {
  width: 100%;
}

.h-auto {
  height: auto;
}

.w-auto {
  width: auto;
}

.over-h {
  overflow: hidden !important;
}

.over-auto {
  overflow: auto !important;
  /* 实验室属性，阻挡父级滚动 */
  /* overscroll-behavior-y: contain; */
}
/*溢出...*/

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-ellipsis-1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
  box-orient: vertical;
}

.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

/*pc一些低版本 不支持webkit-box的时候可以如下方式*/

.text-pc-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bold {
  font-weight: 700;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fl-box li {
  float: left;
}

.block {
  display: block !important;
}

.iblock {
  display: inline-block;
}

.posr {
  position: relative;
}

.posa {
  position: absolute;
}

.posa-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* = 边距 = */

// .mar0 {
//   margin: 0 !important;
// }

// .mar5 {
//   margin: 5px;
// }

// .mart5 {
//   margin-top: 5px;
// }

// .marr5 {
//   margin-right: 5px;
// }

// .marb5 {
//   margin-bottom: 5px;
// }

// .marl5 {
//   margin-left: 5px;
// }

// .mar5 {
//   margin: 5px;
// }

// .mart10 {
//   margin-top: 10px !important;
// }

// .marr10 {
//   margin-right: 10px;
// }

// .marb10 {
//   margin-bottom: 10px;
// }

// .marl10 {
//   margin-left: 10px;
// }

// .marCenter {
//   margin: 0 auto;
// }

// /* = 填充 = */

// .pad0 {
//   padding: 0 !important;
// }

// .pad10 {
//   padding: 10px;
// }

// .pad20 {
//   padding: 20px;
// }

// .padt5 {
//   padding-top: 5px;
// }

// .padr5 {
//   padding-right: 5px;
// }

// .padb5 {
//   padding-bottom: 5px;
// }

// .padl5 {
//   padding-left: 5px;
// }

// .pad5 {
//   padding: 5px;
// }

// .padt10 {
//   padding-top: 10px;
// }

// .padr10 {
//   padding-right: 10px;
// }

// .padb10 {
//   padding-bottom: 10px;
// }

// .padl10 {
//   padding-left: 10px;
// }

/* = 描边 = */

.bor0 {
  border: none;
}

/*pc*/

.bor0 {
  border: none;
}

.bor {
  border: 1px solid #ccc;
}

.borb {
  border-bottom: 1px solid #ccc;
}

.bort {
  border-top: 1px solid #ccc;
}

.borl {
  border-left: 1px solid #ccc;
}

.borr {
  border-right: 1px solid #ccc;
}

/*flex*/

.flex-h {
  display: -webkit-box;
  /* android 2.1-3.0, ios 3.2-4.3 */
  display: -webkit-flex;
  /* Chrome 21+ */
  display: -ms-flexbox;
  /* WP IE 10 */
  display: flex;
  /* android 4.4 */
}

.flex-v {
  display: -webkit-box;
  /* android 2.1-3.0, ios 3.2-4.3 */
  display: -webkit-flex;
  /* Chrome 21+ */
  display: -ms-flexbox;
  /* WP IE 10 */
  display: flex;
  /* android 4.4 */
  -webkit-box-orient: vertical;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-flex-direction: column;
  /* Chrome 21+ */
  -ms-flex-direction: column;
  /* WP IE 10 */
  flex-direction: column;
  /* android 4.4 */
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.flex-swiper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: auto;
}

.flex-1 {
  -webkit-box-flex: 1;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-flex: 1;
  /* Chrome 21+ */
  -ms-flex: 1;
  /* WP IE 10 */
  flex: 1;
  /* android 4.4 */
}

.flex-center {
  -webkit-box-pack: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: center;
  /* Chrome 21+ */
  -ms-flex-pack: center;
  /* WP IE 10 */
  justify-content: center;
  /* android 4.4 */
  -webkit-box-align: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-align-items: center;
  /* Chrome 21+ */
  -ms-flex-align: center;
  /* WP IE 10 */
  align-items: center;
  /* android 4.4 */
}

.flex-hh-center {
  -webkit-box-pack: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: center;
  /* Chrome 21+ */
  -ms-flex-pack: center;
  /* WP IE 10 */
  justify-content: center;
  /* android 4.4 */
}

.flex-vh-center {
  -webkit-box-align: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-align-items: center;
  /* Chrome 21+ */
  -ms-flex-align: center;
  /* WP IE 10 */
  align-items: center;
  /* android 4.4 */
}

.flex-vv-center {
  -webkit-box-pack: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: center;
  /* Chrome 21+ */
  -ms-flex-pack: center;
  /* WP IE 10 */
  justify-content: center;
  /* android 4.4 */
}

.flex-hv-center {
  -webkit-box-align: center;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-align-items: center;
  /* Chrome 21+ */
  -ms-flex-align: center;
  /* WP IE 10 */
  align-items: center;
  /* android 4.4 */
}

.flex-between {
  /*! autoprefixer: off */
  -webkit-box-pack: justify;
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: space-between;
  /* Chrome 21+ */
  -ms-flex-pack: justify;
  /* WP IE 10 */
  justify-content: space-between;
}

.flex-around {
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: space-around;
  /* WP IE 10 */
  justify-content: space-around;
}

.flex-evenly {
  /* android 2.1-3.0, ios 3.2-4.3 */
  -webkit-justify-content: space-evenly;
  /* WP IE 10 */
  justify-content: space-evenly;
}

/*font*/
@for $i from 0 through 100 {
  .ft-#{$i} {
    font-size: $i + px !important;
  }
}
.tx-l {
  text-align: left;
}

.tx-r {
  text-align: right;
}

.tx-c {
  text-align: center;
}

.tx-justify {
  text-align: justify;
  text-justify: distribute-all-lines;
}
